<template>
    <div>
        <el-tabs v-model="activeName" class="demo-tabs">
            <el-tab-pane label="待完成作业" name="first">
                <ToBeCompleted :type_state="0" v-if="activeName === 'first'" />
            </el-tab-pane>
            <el-tab-pane label="已完成作业" name="second">
                <!-- <Completed /> -->
                <ToBeCompleted :type_state="1" v-if="activeName === 'second'" />
            </el-tab-pane>
            <el-tab-pane label="过期未完成作业" name="throd">
                <!-- <Completed /> -->
                <ToBeCompleted :type_state="2" v-if="activeName === 'throd'" />
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script setup>
import { ref } from "vue"

import ToBeCompleted from '@/views/student/tags/ToBeCompleted'
import Completed from '@/views/student/tags/Completed'

const activeName = ref('first')
</script>

<style lang="scss" scoped></style>